@charset "utf-8";

/*黑白*/
/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
	margin:0;
	padding:0;
}
body,input,textarea,select,button,table{
	font-size:16px;
	line-height:1.25em;
	font-family:Arial,'microsoft yahei',Verdana,Helvetica,sans-serif;
}
/*取消按钮点击的时候有阴影*/
a,img,button,input,textarea{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	-ms-tap-highlight-color:rgba(255,255,255,0);
	-moz-tap-highlight-color:rgba(255,255,255,0);
	-o-tap-highlight-color:rgba(255,255,255,0);
}
button, input, textarea, select {
    border: medium none;
    outline: medium none;/*取消chrome下input和textarea的聚焦边框*/
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
body{
	min-width:320px;
	font-size:1em;
	-webkit-text-size-adjust:none; 
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-size: inherit; 
	font-weight: normal;
}
header,footer,section,nav,menu,details,hgroup,figure,figcaption,article,aside{
	margin:0;
	padding:0;
	display:block;
}
img,fieldset{
	border:0;
}
img { 
	vertical-align:middle;
}
ul,ol{
	list-style:none;
}
table{
	border-collapse:collapse; 
	width: 100%;
}
a{
	color:#666;
	text-decoration:none;
}
.cl:after{
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
.cl{
	zoom:1
}
.rel{
    position: relative;
}
.abs{
	position: absolute;
}
.dis{
    display: block;
}
.hide{
    display: none;
}
.hr_gray {
    border: none;
    border-top: 1px solid #ccc;
}
/*arrow*/
.arr_right:after,.arr_left:after{
  content: "";
  width: 0.4rem;
  height:0.4rem;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  top: 50%;
  right:15px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_down:after{
  content: "";
  width: 8px;
  height:8px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  top: 48%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_up:after{
  content: "";
  width: 8px;
  height:8px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  top: 50%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.15rem; 
  }
body {
	background-color: #fff;
}
.flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.flex-grow-0{
    flex-grow: 0;
}
.flex-grow-1{
    flex-grow: 1;
}
.flex-x-center{
    display: flex;
    justify-content: center;
}
.flex-y-center{
    display: flex;
    align-items: center;
}
.flex-y-start{
   display: flex;
   align-items: flex-start;
}
.flex-x-between{
   display: flex;
   justify-content: space-between;
}
/*一网通办*/
.container{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.container .online_title{
  width: 100%;
}
.timelineBox{
  width: 100%;
  margin-top: 20px;
  padding-bottom: 100px;
}
.timelineBox .timeline_box{
  width: 1155px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-top: 15px;
}
.timelineBox .content_bg:nth-child(1) .timeline_box{
  padding-top: 0;
}
.timelineBox .timeline_box:after{
  content: '';
  width: 2px;
  height: 100%;
  background-color: #ce1f0a;
  position: absolute;
  left: 19px;
  top: 0;
}
.timelineBox .timeline_box .timeline_con{
  width: 40px;
  height: 40px;
  background-color: #ce1f0a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  z-index: 10;
}
 .timeline_con img{
  width: 18px;
  height: 18px;
  margin: 11px;
}
.timeline_box .timeline_info{
  width: 1105px;
}
.timeline_box .timeline_info .timeline_title{
  font-size: 22px;
  color: #ce1f0a;
  line-height: 40px;
  padding-left: 20px;
  letter-spacing: 2px;
}
/*区*/
.timeline_box .timeline_info .mapList,.timeline_box .timeline_info .iconList,.timeline_box .timeline_info .matrixList{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline_box .timeline_info .mapList .map_list{
  width: 265px;
  margin-right: 15px;
  background-color: #fff8f2;
  margin-top: 15px;
}
.timeline_box .timeline_info .mapList .map_list:nth-child(4n){
  margin-right: 0;
}
.timeline_box .timeline_info .mapList .map_list a{
  display: block;
  text-align: center;
}
.timeline_box .timeline_info .mapList .map_list a .mapBox{
  background: #ffffff url(../images/map_list.png) 0 0 no-repeat;
  width: 245px;
  height: 149px;
  margin: 10px 10px 0 10px;
}
/* 浦东 */
.mapList .map_list a .mapBox.map_box1{
  background-position: 0 0!important;
}

/* 徐汇 */
.mapList .map_list a .mapBox.map_box2{
  background-position: 0 -447px!important;
}

/* 长宁 */
.mapList .map_list a .mapBox.map_box3{
  background-position: 0 -596px!important;
}

/* 普陀 */
.mapList .map_list a .mapBox.map_box4{
  background-position: 0 -745px!important;
}

/* 静安 */
.mapList .map_list a .mapBox.map_box5{
  background-position: 0 -298px!important;
}

/* 虹口 */
.mapList .map_list a .mapBox.map_box6{
  background-position: 0 -894px!important;
}

/* 杨浦 */
.mapList .map_list a .mapBox.map_box7{
  background-position: 0 -1043px!important;
}

/* 黄浦 */
.mapList .map_list a .mapBox.map_box8{
  background-position: 0 -149px!important;
}

/* 闵行 */
.mapList .map_list a .mapBox.map_box9{
  background-position: 0 -1341px!important;
}

/* 宝山 */
.mapList .map_list a .mapBox.map_box10{
  background-position: 0 -1192px!important;
}

/* 嘉定 */
.mapList .map_list a .mapBox.map_box11{
  background-position: 0 -1490px!important;
}

/* 金山 */
.mapList .map_list a .mapBox.map_box12{
  background-position: 0 -1639px!important;
}

/* 松江 */
.mapList .map_list a .mapBox.map_box13{
  background-position: 0 -1788px!important;
}

/* 青浦 */
.mapList .map_list a .mapBox.map_box14{
  background-position: 0 -1937px!important;
}

/* 奉贤 */
.mapList .map_list a .mapBox.map_box15{
  background-position: 0 -2086px!important;
}

/* 崇明 */
.mapList .map_list a .mapBox.map_box16{
  background-position: 0 -2235px!important;
}

.timeline_box .timeline_info .mapList .map_list a p{
  font-size: 16px;
  color: #343434;
  line-height: 40px;
}
.timeline_box .timeline_info .mapList .map_list.on,.timeline_box .timeline_info .mapList .map_list:hover{
  background-color: #ce1f0a;
}
.timeline_box .timeline_info .mapList .map_list.on a .mapBox,.timeline_box .timeline_info .mapList .map_list:hover a .mapBox{
  background:url(../images/map_list.png) 0 0 no-repeat;
}
.timeline_box .timeline_info .mapList .map_list.on a p,.timeline_box .timeline_info .mapList .map_list:hover a p{
  color: #fff;
}
.mapList .map_list.on a .mapBox.map_box1,.mapList .map_list:hover a .mapBox.map_box1{
  background-position: -245px 0!important;
}
.mapList .map_list.on a .mapBox.map_box2,.mapList .map_list:hover a .mapBox.map_box2{
/*   background-position: -245px -149px!important; */
  background-position: -245px -447px!important;
}
.mapList .map_list.on a .mapBox.map_box3,.mapList .map_list:hover a .mapBox.map_box3{
/*   background-position: -245px -298px!important; */
  background-position: -245px -596px!important;
}
.mapList .map_list.on a .mapBox.map_box4,.mapList .map_list:hover a .mapBox.map_box4{
/*   background-position: -245px -447px!important; */
  background-position: -245px -745px!important;
}
.mapList .map_list.on a .mapBox.map_box5,.mapList .map_list:hover a .mapBox.map_box5{
/*   background-position: -245px -596px!important; */
  background-position: -245px -894px!important;
}
.mapList .map_list.on a .mapBox.map_box6,.mapList .map_list:hover a .mapBox.map_box6{
/*   background-position: -245px -745px!important; */
  background-position: -245px -1043px!important;
}
.mapList .map_list.on a .mapBox.map_box7,.mapList .map_list:hover a .mapBox.map_box7{
/*   background-position: -245px -894px!important; */
  background-position: -245px -149px!important;
}
.mapList .map_list.on a .mapBox.map_box8,.mapList .map_list:hover a .mapBox.map_box8{
/*   background-position: -245px -1043px!important; */
  background-position: -245px -298px!important;
}
.mapList .map_list.on a .mapBox.map_box9,.mapList .map_list:hover a .mapBox.map_box9{
/*   background-position: -245px -1192px!important; */
  background-position: -245px -1341px!important;
}
.mapList .map_list.on a .mapBox.map_box10,.mapList .map_list:hover a .mapBox.map_box10{
/*   background-position: -245px -1341px!important; */
  background-position: -245px -1192px!important;
}
.mapList .map_list.on a .mapBox.map_box11,.mapList .map_list:hover a .mapBox.map_box11{
  background-position: -245px -1490px!important;
}
.mapList .map_list.on a .mapBox.map_box12,.mapList .map_list:hover a .mapBox.map_box12{
  background-position: -245px -1639px!important;
}
.mapList .map_list.on a .mapBox.map_box13,.mapList .map_list:hover a .mapBox.map_box13{
  background-position: -245px -1788px!important;
}
.mapList .map_list.on a .mapBox.map_box14,.mapList .map_list:hover a .mapBox.map_box14{
  background-position: -245px -1937px!important;
}
.mapList .map_list.on a .mapBox.map_box15,.mapList .map_list:hover a .mapBox.map_box15{
  background-position: -245px -2086px!important;
}
.mapList .map_list.on a .mapBox.map_box16,.mapList .map_list:hover a .mapBox.map_box16{
  background-position: -245px -2235px!important;
}
/*大口*/
.timelineBox .content_bg{
  width: 100%;
}
.timelineBox .content_bg:nth-child(2){
  background-color: #f7f7f7;
}
.timelineBox .content_bg:nth-child(4) {
    background-color: #f7f7f7;
}
.timeline_box .timeline_info .iconList .icon_list{
  width: 209px;
  height: 209px;
  margin-right: 15px;
  background-color: #ffffff;
  margin-top: 15px;
}
.timeline_box .timeline_info .iconList .icon_list:nth-child(5n){
  margin-right: 0;
}
.timeline_box .timeline_info .iconList .icon_list a{
  display: block;
  text-align: center;
  position: relative;
  height: 100%;
  width: 100%;
}
.timeline_box .timeline_info .iconList .icon_list a .iconBox{
  background:url(../images/icon_list_new.png) 0 0 no-repeat;
  width: 65px;
  height: 65px;
  position: absolute;
  left: 72px;
  top: 45px;
  z-index: 100;
}
.iconList .icon_list a .iconBox.icon_box1{
  background-position: 0 0!important;
}
.iconList .icon_list a .iconBox.icon_box2{
  background-position: 0 -65px!important;
}
.iconList .icon_list a .iconBox.icon_box3{
  background-position: 0 -130px!important;
}
.iconList .icon_list a .iconBox.icon_box4{
  background-position: 0 -195px!important;
}
.iconList .icon_list a .iconBox.icon_box5{
  background-position: 0 -260px!important;
}
.iconList .icon_list a .iconBox.icon_box6{
  background-position: 0 -325px!important;
}
.iconList .icon_list a .iconBox.icon_box7{
  background-position: 0 -390px!important;
}
.iconList .icon_list a .iconBox.icon_box8{
  background-position: 0 -455px!important;
}
.iconList .icon_list a .iconBox.icon_box9{
/*   background-position: 0 -520px!important; */
  background-position: 0 -650px!important;
}
.iconList .icon_list a .iconBox.icon_box10{
/*   background-position: 0 -585px!important; */
  background-position: 0 -520px!important;
}
.iconList .icon_list a .iconBox.icon_box11{
/*   background-position: 0 -650px!important; */
  background-position: 0 -585px!important;
}
.iconList .icon_list a .iconBox.icon_box12{
  background-position: 0 -715px!important;
}
.iconList .icon_list a .iconBox.icon_box13{
  background-position: 0 -780px!important;
}
.iconList .icon_list a .iconBox.icon_box14{
/*   background-position: 0 -845px!important; */
  background-position: 0 -975px!important;
}
.iconList .icon_list a .iconBox.icon_box15{
/*   background-position: 0 -910px!important; */
  background-position: 0 -1040px!important;
}
.iconList .icon_list a .iconBox.icon_box16{
/*   background-position: 0 -975px!important; */
  background-position: 0 -1105px!important;
}
.iconList .icon_list a .iconBox.icon_box17{
/*   background-position: 0 -1040px!important; */
  background-position: 0 -1170px!important;
}
.iconList .icon_list a .iconBox.icon_box18{
/*   background-position: 0 -1105px!important; */
  background-position: 0 -1410px!important;
}
.iconList .icon_list a .iconBox.icon_box19{
/*   background-position: 0 -1170px!important; */
  background-position: 0 -1235px!important;
}
.iconList .icon_list a .iconBox.icon_box20{
  background-position: 0 -1235px!important;
}
.timeline_box .timeline_info .iconList .icon_list a p{
  font-size: 16px;
  color: #343434;
  width: 190px;
  margin: 0 auto;
  padding-top: 150px;
}
.timeline_box .timeline_info .iconList .icon_list.on a:after,.timeline_box .timeline_info .iconList .icon_list:hover a:after{
  content: '';
  width: 89px;
  height: 89px;
  background-color: #b90000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-shadow: 0 4px 7px rgba(131,6,6,.6);
  position: absolute;
  left: 60px;
  top: 33px;
}
.timeline_box .timeline_info .iconList .icon_list.on a p,.timeline_box .timeline_info .iconList .icon_list:hover a p{
  color: #b90000;
}
.iconList .icon_list.on a .iconBox.icon_box1,.iconList .icon_list:hover a .iconBox.icon_box1{
  background-position: -65px 0!important;
}
.iconList .icon_list.on a .iconBox.icon_box2,.iconList .icon_list:hover a .iconBox.icon_box2{
  background-position: -65px -65px!important;
}
.iconList .icon_list.on a .iconBox.icon_box3,.iconList .icon_list:hover a .iconBox.icon_box3{
  background-position: -65px -130px!important;
}
.iconList .icon_list.on a .iconBox.icon_box4,.iconList .icon_list:hover a .iconBox.icon_box4{
  background-position: -65px -195px!important;
}
.iconList .icon_list.on a .iconBox.icon_box5,.iconList .icon_list:hover a .iconBox.icon_box5{
  background-position: -65px -260px!important;
}
.iconList .icon_list.on a .iconBox.icon_box6,.iconList .icon_list:hover a .iconBox.icon_box6{
  background-position: -65px -325px!important;
}
.iconList .icon_list.on a .iconBox.icon_box7,.iconList .icon_list:hover a .iconBox.icon_box7{
  background-position: -65px -390px!important;
}
.iconList .icon_list.on a .iconBox.icon_box8,.iconList .icon_list:hover a .iconBox.icon_box8{
  background-position: -65px -455px!important;
}
.iconList .icon_list.on a .iconBox.icon_box9,.iconList .icon_list:hover a .iconBox.icon_box9{
/*   background-position: -65px -520px!important; */
  background-position: -65px -650px!important;
}
.iconList .icon_list.on a .iconBox.icon_box10,.iconList .icon_list:hover a .iconBox.icon_box10{
/*   background-position: -65px -585px!important; */
  background-position: -65px -520px!important;
}
.iconList .icon_list.on a .iconBox.icon_box11,.iconList .icon_list:hover a .iconBox.icon_box11{
/*   background-position: -65px -650px!important; */
  background-position: -65px -585px!important;
}
.iconList .icon_list.on a .iconBox.icon_box12,.iconList .icon_list:hover a .iconBox.icon_box12{
  background-position: -65px -715px!important;
}
.iconList .icon_list.on a .iconBox.icon_box13,.iconList .icon_list:hover a .iconBox.icon_box13{
  background-position: -65px -780px!important;
}
.iconList .icon_list.on a .iconBox.icon_box14,.iconList .icon_list:hover a .iconBox.icon_box14{
/*   background-position: -65px -845px!important; */
  background-position: -65px -975px!important;
}
.iconList .icon_list.on a .iconBox.icon_box15,.iconList .icon_list:hover a .iconBox.icon_box15{
/*   background-position: -65px -910px!important; */
  background-position: -65px -1040px!important;
}
.iconList .icon_list.on a .iconBox.icon_box16,.iconList .icon_list:hover a .iconBox.icon_box16{
/*   background-position: -65px -975px!important; */
  background-position: -65px -1105px!important;
}
.iconList .icon_list.on a .iconBox.icon_box17,.iconList .icon_list:hover a .iconBox.icon_box17{
/*   background-position: -65px -1040px!important; */
  background-position: -65px -1170px!important;
}
.iconList .icon_list.on a .iconBox.icon_box18,.iconList .icon_list:hover a .iconBox.icon_box18{
/*   background-position: -65px -1105px!important; */
  background-position: -63px -1410px!important;
}
.iconList .icon_list.on a .iconBox.icon_box19,.iconList .icon_list:hover a .iconBox.icon_box19{
/*   background-position: -65px -1170px!important; */
  background-position: -65px -1235px!important;
}
.iconList .icon_list.on a .iconBox.icon_box20,.iconList .icon_list:hover a .iconBox.icon_box20{
  background-position: -65px -1235px!important;
}
/*高校*/
.timeline_box .timeline_info .logoList,.timeline_box .timeline_info .iconList,.timeline_box .timeline_info .matrixList{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline_box .timeline_info .logoList .logo_list{
  width: 209px;
  margin-right: 15px;
  background-color: #fff8f2;
  margin-top: 15px;
}
.timeline_box .timeline_info .logoList .logo_list:nth-child(5n){
  margin-right: 0;
}
.timeline_box .timeline_info .logoList .logo_list a{
  display: block;
  text-align: center;
}
.timeline_box .timeline_info .logoList .logo_list a p{
  font-size: 16px;
  color: #343434;
  line-height: 40px;
}
.timeline_box .timeline_info .logoList .logo_list.on,.timeline_box .timeline_info .logoList .logo_list:hover{
  background-color: #ce1f0a;
}
.timeline_box .timeline_info .logoList .logo_list.on a .mapBox,.timeline_box .timeline_info .logoList .logo_list:hover a .mapBox{
  background:url(../images/map_list.png) 0 0 no-repeat;
}
.timeline_box .timeline_info .logoList .logo_list.on a p,.timeline_box .timeline_info .logoList .logo_list:hover a p{
  color: #fff;
}
/*央企*/
.timeline_box .timeline_info .yqList,.timeline_box .timeline_info .iconList,.timeline_box .timeline_info .matrixList{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline_box .timeline_info .yqList .yq_list{
  width: 265px;
  margin-right: 15px;
  background-color: #fff;
  margin-top: 15px;
}
.timeline_box .timeline_info .yqList .yq_list:nth-child(4n){
  margin-right: 0;
}
.timeline_box .timeline_info .yqList .yq_list a{
  display: block;
  text-align: center;
}
.timeline_box .timeline_info .yqList .yq_list a p{
  font-size: 16px;
  color: #343434;
  line-height: 40px;
}
.timeline_box .timeline_info .yqList .yq_list.on,.timeline_box .timeline_info .yqList .yq_list:hover{
  background-color: #ce1f0a;
}
.timeline_box .timeline_info .yqList .yq_list.on a p,.timeline_box .timeline_info .yqList .yq_list:hover a p{
  color: #fff;
}
/*党微矩阵*/
.title_place{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabList{
  margin-left: 40px;
}
.tabList .tab_list a{
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  color: #343434;
  line-height: 40px;
  cursor: pointer;
}
.tabList .tab_list.on{
  background: url(../images/tab_on_bg.png) 0 0 no-repeat;
}
.tabList .tab_list.on a{
  color: #fff;
}
.title_place .for_more{
  font-size: 16px;
  color: #ce1f0a;
}
.timeline_box .timeline_info .matrixList {
  margin-top: 15px;
}
.timeline_box .timeline_info .matrixList .matrix_list{
  width: calc(1105px / 7);
  height: 165px;
}
.timeline_box .timeline_info .matrixList .matrix_list a{
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
}
.timeline_box .timeline_info .matrixList .matrix_list a .matrixBox{
  width: 90px;
  height: 90px;
  border:1px solid #e8e8e8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin: 20px auto 15px;
}
.timeline_box .timeline_info .matrixList .matrix_list a .matrixBox img{
  width: 100%;
}
.timeline_box .timeline_info .matrixList .matrix_list a p{
  font-size: 16px;
  color: #343434;
  width: 130px;
  margin: 0 auto;
}
.timeline_box .timeline_info .matrixList .matrix_list.on a .matrixBox,.timeline_box .timeline_info .matrixList .matrix_list:hover a .matrixBox{
  border:1px solid #b90000;
}
.timeline_box .timeline_info .matrixList .matrix_list.on a p,.timeline_box .timeline_info .matrixList .matrix_list:hover a p{
  color: #b90000;
}
.last_con{
  width: 40px;
  height: 40px;
  background-color: #ce1f0a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 10;
  position: absolute;
  left: 0;
  bottom: 0;
}
.last_con .dot{
  width: 18px;
  height: 18px;
  margin: 11px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.footer{
  width: 100%;
  padding: 35px 0;
  background-color: #ce1f0a;
}
.footer a{
  font-size: 14px;
  color: #fff;
  margin-right: 30px;
}
.footer>div{
  margin-left: 30px;
}
.footer>div:nth-child(1){
  margin-bottom: 20px;
}



/*2022-07-27新增*/
.timelineBox .content_bg:nth-child(2){
  background-color: #fff;
}
.timelineBox .content_bg:nth-child(3){
  background-color: #f7f7f7;
}
.content_bg_new .timeline_box .timeline_info .iconList .icon_list{
  border: 1px solid #f7f7f7;
  box-shadow: 0 0 5px #f7f7f7;
}

.iconList .icon_list a .iconBox.icon_box_qg1{
  background-position: 0 0px!important;
}

.iconList .icon_list a .iconBox.icon_box_qg2{
  background-position: 0 -1300px!important;
}
.iconList .icon_list a .iconBox.icon_box_qg3{
  background-position: 0 -1365px!important;
}
.iconList .icon_list.on a .iconBox.icon_box_qg1,.iconList .icon_list:hover a .iconBox.icon_box_qg1{
  background-position: -65px 0px!important;
}
.iconList .icon_list.on a .iconBox.icon_box_qg2,.iconList .icon_list:hover a .iconBox.icon_box_qg2{
  background-position: -65px -1300px!important;
}
.iconList .icon_list.on a .iconBox.icon_box_qg3,.iconList .icon_list:hover a .iconBox.icon_box_qg3{
  background-position: -65px -1365px!important;
}